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                    <div class="offcanvas offcanvas-bottom" tabindex="-1" id="efectoCanvas"
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                        <div class="offcanvas-header bg-dark text-white">
                            <img src="https://www.themoviedb.org/t/p/original/uLYemOS5BU5y8f8p4VQsKyfRwoR.jpg" alt="top1" class="lazy">
                            <p class="offcanvas-title fw-bolder fs-4 ms-3" id="efectoCanvasLabel">
                                Chip y Dale: Al Rescate
                                <span class="caja-info fw-normal">
                                    <span class="canv-info1">2022</span>
                                    <span class="canv-info2 mx-1">7+</span>
                                    <span class="canv-info3">1h 38 min</span>
                                </span>
                                <span class="descripcion-canvas m-0">
                                    Décadas después de la cancelación de su exitosa serie de televisión, estos viejos amigos han tomado rumbos distintos
                                </span>
                            </p>
                            <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas"
                                aria-label="Close">
                                <i class="bi bi-x fs-2"></i>
                            </button>
                        </div>
                        <div class="botones__canvas bg-dark text-white d-inline-flex justify-content-evenly">
                            <div class="ver">
                                <div class="ver__btn d-flex align-items-center">
                                 <a href="go:chipvid">   <i class="bi bi-play-fill fs-2"></i>
                                   <span class="fw-bolder">VER</span></a>
                                </div>
                            </div>
                            <div class="descargar d-flex flex-column">
                               
                            </div>
                            <div class="trailer d-flex flex-column">
                                <i class="bi bi-badge-hd text-center"></i>
                                <span class="fw-normal">Trailer</span>
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                <div class="movies">
                    <svg id="rank-2" width="74" height="106" viewBox="0 0 80 154"
                        class="svg-icon svg-icon-rank-2 top-10-rank">
                        <path stroke="#fff" stroke-linejoin="square" stroke-width="4"
                            d="M3.72 152H113v-30.174H50.484l4.355-3.55 29.453-24.012c5.088-4.124 9.748-8.459 13.983-13.004 4.16-4.464 7.481-9.339 9.972-14.629 2.449-5.203 3.678-11.113 3.678-17.749 0-9.428-2.294-17.627-6.875-24.645-4.597-7.042-10.941-12.494-19.07-16.376C77.803 3.957 68.496 2 58.036 2 47.591 2 38.37 4.023 30.347 8.06c-8.015 4.032-14.457 9.578-19.352 16.654-4.492 6.493-7.389 13.803-8.693 21.952h34.055c1.236-3.52 3.398-6.52 6.459-8.97 3.54-2.834 8.277-4.224 14.147-4.224 5.93 0 10.552 1.537 13.76 4.681 3.181 3.12 4.791 7.024 4.791 11.594 0 4.151-1.16 7.934-3.468 11.298-2.192 3.194-5.987 7.124-11.405 11.84L3.72 122.465V152z">
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                    </svg>

                    <button class="btn p-0" type="button" data-bs-toggle="offcanvas" data-bs-target="#efectoCanvas2"
                        aria-controls="efectoCanvas2">
                        <img src="https://www.themoviedb.org/t/p/original/nQ94eTRXQogJTDwlbq0R8VXSNMZ.jpg" alt="rank2" width="74" height="108" class="img-movie" class="lazy">
                    </button>

                    <div class="offcanvas offcanvas-bottom" tabindex="-1" id="efectoCanvas2"
                        aria-labelledby="efectoCanvasLabel2">
                        <div class="offcanvas-header bg-dark text-white">
                            <img src="https://www.themoviedb.org/t/p/original/nQ94eTRXQogJTDwlbq0R8VXSNMZ.jpg" alt="top2" class="lazy">
                            <p class="offcanvas-title fw-bolder fs-6 lh-1 ms-3" id="efectoCanvasLabel2">
                                La Leyenda de La Nahuala
                                <span class="caja-info fw-normal my-1">
                                    <span class="canv-info1">2007</span>
                                    <span class="canv-info2 mx-1">7+</span>
                                    <span class="canv-info3">1h 35m</span>
                                </span>
                                <span class="descripcion-canvas m-0">
                                    Un niño introvertido y temeroso se arma de valor para entrar a la casa de la Nahuala y rescatar a su hermano.
                                </span>
                            </p>
                            <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas"
                                aria-label="Close">
                                <i class="bi bi-x fs-2"></i>
                            </button>
                        </div>
                        <div class="botones__canvas bg-dark text-white d-inline-flex justify-content-evenly">
                           <a href="go:nahualavid"> <div class="ver">
                                <div class="ver__btn d-flex align-items-center">
                                    <i class="bi bi-play-fill fs-2"></i>
                                    <span class="fw-bolder">VER</span>
                                </div>
                            </div></a>
                            <div class="descargar d-flex flex-column">
                               
                            </div>
                            <div class="trailer d-flex flex-column">
                                <i class="bi bi-badge-hd text-center"></i>
                                <span class="fw-normal">Trailer</span>
                            </div>
                        </div>
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                <div class="movies">
                    <svg id="rank-3" width="74" height="106" viewBox="0 0 80 154"
                        class="svg-icon svg-icon-rank-3 top-10-rank">
                        <path stroke="#fff" stroke-linejoin="square" stroke-width="4"
                            d="M3.809 41.577h33.243c1.3-2.702 3.545-4.947 6.674-6.72 3.554-2.015 7.83-3.01 12.798-3.01 5.555 0 10.14 1.11 13.723 3.376 3.839 2.427 5.782 6.283 5.782 11.315 0 4.553-1.853 8.395-5.473 11.38-3.547 2.926-8.18 4.37-13.821 4.37H41.44v28.366h16.77c5.572 0 10.275 1.227 14.068 3.711 4.02 2.633 6.071 6.581 6.071 11.616 0 5.705-1.943 9.975-5.853 12.562-3.658 2.42-8.292 3.61-13.863 3.61-5.205 0-9.82-.94-13.827-2.836-3.698-1.75-6.32-4.272-7.785-7.529H2.33c2.096 12.089 7.761 21.65 17.028 28.78C29.242 148.175 42.594 152 59.476 152c10.706 0 20.175-1.783 28.42-5.337 8.185-3.528 14.575-8.486 19.208-14.884 4.595-6.346 6.896-13.938 6.896-22.837 0-6.952-1.93-13.494-5.81-19.666-3.815-6.07-9.68-10.367-17.683-12.908l-5.46-1.735 5.353-2.04c6.659-2.538 11.667-6.338 15.083-11.412 3.431-5.096 5.142-10.806 5.142-17.181 0-8.471-2.262-15.778-6.787-21.985-4.574-6.275-10.7-11.17-18.408-14.696C77.683 3.775 69.109 2 59.687 2 44.084 2 31.515 5.816 21.91 13.415c-9 7.119-15.025 16.486-18.101 28.162z">
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                    </svg>

                    <button class="btn p-0" type="button" data-bs-toggle="offcanvas" data-bs-target="#efectoCanvas3"
                        aria-controls="efectoCanvas3">
                        <img src="https://i.postimg.cc/mkngKdmg/CROODSTHEANEWAGEWVERTICAL.jpg" alt="rank3" width="74" height="108" class="img-movie" class="lazy">
                    </button>

                    <div class="offcanvas offcanvas-bottom" tabindex="-1" id="efectoCanvas3"
                        aria-labelledby="efectoCanvasLabel3">
                        <div class="offcanvas-header bg-dark text-white">
                            <img src="https://i.postimg.cc/mkngKdmg/CROODSTHEANEWAGEWVERTICAL.jpg" alt="top3" class="lazy">
                            <p class="offcanvas-title fw-bolder fs-5 ms-3 lh-1" id="efectoCanvasLabel3">
                                Los Croods 2
                                <span class="caja-info fw-normal my-1">
                                    <span class="canv-info1">2020</span>
                                    <span class="canv-info2 mx-1">13+</span>
                                    <span class="canv-info3">1h 35m
</span>
                                </span>
                                <span class="descripcion-canvas m-0">
                                   La familia prehistórica de los Crood enfrenta el desafío de una familia rival, los Betterman, quienes afirman estar más evolucionados.
                                </span>
                            </p>
                            <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas"
                                aria-label="Close">
                                <i class="bi bi-x fs-2"></i>
                            </button>
                        </div>
                        <div class="botones__canvas bg-dark text-white d-inline-flex justify-content-evenly">
                           <a href="go:croods2vid"> <div class="ver">
                                <div class="ver__btn d-flex align-items-center">
                                    <i class="bi bi-play-fill fs-2"></i>
                                    <span class="fw-bolder">VER</span>
                                </div></a>
                            </div>
                          
                            <div class="descargar d-flex flex-column">
                                
                            </div>
                            <div class="trailer d-flex flex-column">
                                <i class="bi bi-badge-hd text-center"></i>
                                <span class="fw-normal">Trailer</span>
                            </div>
                        </div>
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                <div class="movies">
                    <svg id="rank-4" width="74" height="106" viewBox="0 0 81 154"
                        class="svg-icon svg-icon-rank-4 top-10-rank">
                        <path stroke="#fff" stroke-linejoin="square" stroke-width="4"
                            d="M72 152h35.333v-30.977H128V92.497h-20.667V2H69.89L2 92.712v28.311h70V152zM36.202 92.188l35.93-47.998v47.998h-35.93z">
                        </path>
                    </svg>

                    <button class="btn p-0" type="button" data-bs-toggle="offcanvas" data-bs-target="#efectoCanvas4"
                        aria-controls="efectoCanvas4">
                        <img src="https://i.postimg.cc/7YxWGHYD/zyro-image-3.jpg" alt="rank4" width="74" height="108" class="img-movie" class="lazy">
                    </button>

                    <div class="offcanvas offcanvas-bottom" tabindex="-1" id="efectoCanvas4"
                        aria-labelledby="efectoCanvasLabel4">
                        <div class="offcanvas-header bg-dark text-white">
                            <img src="https://i.postimg.cc/7YxWGHYD/zyro-image-3.jpg" alt="top4"  class="lazy">
                            <p class="offcanvas-title fw-bolder fs-4 ms-3" id="efectoCanvasLabel4">
                                Matilda
                                <span class="caja-info fw-normal">
                                    <span class="canv-info1">1996</span>
                                    <span class="canv-info2 mx-1">6+</span>
                                    <span class="canv-info3">1h 38m
</span>
                                </span>
                                <span class="descripcion-canvas m-0">
                                    Al nacer la pequeña Matilda, sus padres, un vendedor de coches usados y una ama de casa adicta al bingo, se sienten decepcionados. Sensible y con una inteligencia fuera de lo común, la pequeña consigue, después de mucho insistir, que sus padres la matriculen en una escuela.
                                </span>
                            </p>
                            <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas"
                                aria-label="Close">
                                <i class="bi bi-x fs-2"></i>
                            </button>
                        </div>
                        <div class="botones__canvas bg-dark text-white d-inline-flex justify-content-evenly">
                            <div class="ver">
                                <a href="go:matildavid"><div class="ver__btn d-flex align-items-center">
                                    <i class="bi bi-play-fill fs-2"></i>
                                    <span class="fw-bolder">VER</span>
                                </div></a>
                            </div>
                            <div class="descargar d-flex flex-column">
                                
                            </div>
                            <div class="trailer d-flex flex-column">
                                <i class="bi bi-badge-hd text-center"></i>
                                <span class="fw-normal">Trailer</span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="movies">
                    <svg id="rank-5" width="74" height="106" viewBox="0 0 81 154"
                        class="svg-icon svg-icon-rank-5 top-10-rank">
                        <path stroke="#fff" stroke-linejoin="square" stroke-width="4"
                            d="M105.588 32.174V2H13.534l-8.3 88.357h32.463c2.145-2.362 4.866-4.254 8.143-5.675 3.585-1.554 7.543-2.328 11.859-2.328 6.247 0 11.418 1.745 15.418 5.255 4.061 3.564 6.104 8.37 6.104 14.265 0 6.041-2.044 10.89-6.121 14.387-3.999 3.43-9.162 5.132-15.401 5.132-4.299 0-8.17-.694-11.601-2.095-3.11-1.268-5.577-2.946-7.368-5.042H2.592c3.308 11.593 9.782 20.623 19.46 27.164C32.472 148.464 45.64 152 61.602 152c10.12 0 19.294-1.99 27.548-5.966 8.198-3.949 14.711-9.718 19.572-17.335 4.844-7.59 7.278-16.95 7.278-28.123 0-9.182-2.013-17.314-6.032-24.431-4.02-7.118-9.514-12.7-16.51-16.775-6.99-4.072-14.849-6.109-23.612-6.109-11.06 0-20.099 3.483-27.234 10.461l-3.892 3.806 3.273-35.354h63.595z">
                        </path>
                    </svg>

                    <button class="btn p-0" type="button" data-bs-toggle="offcanvas" data-bs-target="#efectoCanvas5"
                        aria-controls="efectoCanvas5">
                        <img src="https://i.postimg.cc/jdky07vD/h-Uup-Ik-IKPp-NLYni-PGRx-Rp-EQFr-X3.jpg" alt="rank5" width="74" height="108" class="img-movie"  class="lazy">
                    </button>

                    <div class="offcanvas offcanvas-bottom" tabindex="-1" id="efectoCanvas5"
                        aria-labelledby="efectoCanvasLabel5">
                        <div class="offcanvas-header bg-dark text-white">
                            <img src="https://i.postimg.cc/jdky07vD/h-Uup-Ik-IKPp-NLYni-PGRx-Rp-EQFr-X3.jpg" alt="top5"  class="lazy">
                            <p class="offcanvas-title fw-bolder fs-4 ms-3" id="efectoCanvasLabel5">
                                RED
                                <span class="caja-info fw-normal">
                                    <span class="canv-info1">2022</span>
                                    <span class="canv-info2 mx-1">8+</span>
                                    <span class="canv-info3">1h 40m</span>
                                </span>
                                <span class="descripcion-canvas m-0">
                                    En esta película nos enseña sobre el valor de la amistad, como un gran ejemplo cuando Meilin Lee, decide confesarles a sus amigas que si no controla sus emociones se convertirá en un panda rojo, sus cómplices la comprendieron y le comentaron que la aceptarían como un panda rojo o como Mei Lee.
                                </span>
                            </p>
                            <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas"
                                aria-label="Close">
                                <i class="bi bi-x fs-2"></i>
                            </button>
                        </div>
                        <div class="botones__canvas bg-dark text-white d-inline-flex justify-content-evenly">
                            <a href="go:redvid"><div class="ver">
                                <div class="ver__btn d-flex align-items-center">
                                    <i class="bi bi-play-fill fs-2"></i>
                                    <span class="fw-bolder">VER</span>
                                </div></a>
                            </div>
                            <div class="descargar d-flex flex-column">
                              
                            </div>
                            <div class="trailer d-flex flex-column">
                                <i class="bi bi-badge-hd text-center"></i>
                                <span class="fw-normal">Trailer</span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="movies">
                    <svg id="rank-6" width="74" height="106" viewBox="0 0 81 154"
                        class="svg-icon svg-icon-rank-6 top-10-rank">
                        <path stroke="#fff" stroke-linejoin="square" stroke-width="4"
                            d="M79.482 38.192h35.551c-3.284-10.945-8.963-19.573-17.048-25.938C89.323 5.434 77.531 2 62.545 2 50.756 2 40.35 4.86 31.277 10.577c-9.064 5.712-16.198 14.09-21.412 25.178C4.63 46.893 2 60.425 2 76.365c0 14.416 2.356 27.344 7.059 38.798 4.667 11.368 11.573 20.34 20.734 26.956C38.904 148.7 50.225 152 63.816 152a61.513 61.513 0 0019.922-3.278 53.546 53.546 0 0017.378-9.792c5.154-4.33 9.255-9.64 12.314-15.947 3.042-6.273 4.57-13.556 4.57-21.868 0-8.812-2.062-16.636-6.182-23.51-4.134-6.897-9.643-12.293-16.55-16.212-6.905-3.917-14.48-5.874-22.76-5.874-14.546 0-25.34 4.55-32.569 13.63l-4.003 5.03.443-6.413c.874-12.636 3.56-21.85 8.168-27.654 4.69-5.907 10.885-8.9 18.421-8.9 4.26 0 7.826.734 10.685 2.24 2.445 1.287 4.396 2.867 5.829 4.74zM62.605 123c-5.825 0-10.902-1.894-15.136-5.655C43.173 113.528 41 108.603 41 102.71c0-5.881 2.164-10.864 6.44-14.818C51.674 83.975 56.762 82 62.604 82c5.847 0 10.906 1.98 15.074 5.905C81.878 91.859 84 96.837 84 102.71c0 5.885-2.131 10.805-6.35 14.622-4.167 3.77-9.214 5.668-15.045 5.668z">
                        </path>
                    </svg>

                    <button class="btn p-0" type="button" data-bs-toggle="offcanvas" data-bs-target="#efectoCanvas6"
                        aria-controls="efectoCanvas6">
                        <img src="https://i.postimg.cc/vHLH5Fxb/zyro-image-5.jpg" alt="rank6" width="74" height="108" class="img-movie"  class="lazy">
                    </button>

                    <div class="offcanvas offcanvas-bottom" tabindex="-1" id="efectoCanvas6"
                        aria-labelledby="efectoCanvasLabel6">
                        <div class="offcanvas-header bg-dark text-white">
                            <img src="https://i.postimg.cc/vHLH5Fxb/zyro-image-5.jpg" alt="top6" class="lazy">
                            <p class="offcanvas-title fw-bolder fs-4 ms-3 lh-1" id="efectoCanvasLabel6">
                                La Familia del Futuro
                                <span class="caja-info fw-normal my-1">
                                    <span class="canv-info1">2007</span>
                                    <span class="canv-info2 mx-1">7+</span>
                                    <span class="canv-info3">1h 35min</span>
                                </span>
                                <span class="descripcion-canvas m-0">
                                    El niño genio Lewis pierde la esperanza de recuperar su más reciente invento, el cual fue robado por Bowler Hat Guy
                                </span>
                            </p>
                            <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas"
                                aria-label="Close">
                                <i class="bi bi-x fs-2"></i>
                            </button>
                        </div>
                        <a href="go:familiavid"><div class="botones__canvas bg-dark text-white d-inline-flex justify-content-evenly">
                            <div class="ver">
                                <div class="ver__btn d-flex align-items-center">
                                    <i class="bi bi-play-fill fs-2"></i>
                                    <span class="fw-bolder">VER</span>
                                </div>
                            </div></a>
                            <div class="descargar d-flex flex-column">
                               
                            </div>
                            <div class="trailer d-flex flex-column">
                                <i class="bi bi-badge-hd text-center"></i>
                                <span class="fw-normal">Trailer</span>
                            </div>
                        </div>
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                </div>
</div>
        </section>